<template>
	<van-skeleton title :row="100" :loading="isloading">
		<div id="home">
			<!-- 时间 -->
			<timehead class="timehead"></timehead>
			
			<!-- 搜索组件 -->
			<homeSearch></homeSearch>
			
			<!-- 轮播图 -->
			<slideshow></slideshow>
			
			<!-- 分类 -->
			<classify></classify>
			
			<!-- 新品上市 -->
			<newcommodity></newcommodity>
			
			<!-- 为您推荐 -->
			<recommend></recommend>
			
			<!-- tablebar -->
			<tablebar class="tablebar"></tablebar>
		</div>
	</van-skeleton>
</template>

<script>
// @ is an alias to /src
import homeSearch from '@/components/home/homeSearch.vue'
import slideshow from '@/components/home/slideshow.vue'
import classify from '@/components/home/classify.vue'
import newcommodity from '@/components/home/newcommodity.vue'
import recommend from '@/components/home/recommend.vue'
import tablebar from '@/components/home/tablebar.vue'
import timehead from '@/components/timehead.vue'

export default 
{
	components: 
	{
		timehead,
		homeSearch,
		slideshow,
		classify,
		newcommodity,
		recommend,
		tablebar
	},
	data()
	{
		return{
			isloading: true
		}
	},
	created()
	{
		var timer=window.setInterval(()=>
		{
			this.isloading=false
		},500)
	}
}
</script>

<style>
	#home{
		width: 100%;
		height: 100%;
	}
	.tablebar{
		width: 100%;
		background-color: white;
		position: fixed;
		bottom: 0px;
	}
</style>